<template>
  <li :title="modelValue.title" class="list">
    <router-link :to="'/news/detail-list/'+modelValue.t_content_pk" class="rou">{{ modelValue.title }}</router-link>
    <span>{{ modelValue.publish_time.substring(0,10) }}</span>
  </li>
</template>

<script lang="ts">

export default {
  props: {
    modelValue: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style scoped>
.list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 30px;
        height: 30px;
    }
.rou{
	margin-left: 10px;
}
    .list>span {
        display: inline-block;
        width: 115px;
        color: #999;
    }
    .list>a {
        overflow: hidden;  
        text-overflow: ellipsis;
        white-space: nowrap;   
        width: 100%;
        margin-right: 5px;
    }

    .list>a:hover {
        color: var(--base-color);
    }
</style>